.banner{
  height: 100%;
  >.title{
    background: white;
    border-radius: 2px;
    .content{
      >span{
        height: 3px;
        width: 98px;
        position: absolute;
        top: calc(100% - 2px);
        z-index: 100;
        left: 53px;
        background-color: #5286ff;
        transition: left 0.3s 0.1s;
      }
      height: 64px;
      line-height: 64px;
      // overflow: hidden;
      padding-left: 53px;
      border-bottom: 1px solid #e6e6e6;
      box-sizing: border-box;
      position: relative;
      .titelContent{
        font-size: 16px;
        font-weight: bold;
        float: left;
        margin-right: 136px;
        &:hover{
          color:#5286ff;
        }
        // &:active{
          //   color: #5286ff;
          // }
        }
        .titelContent:hover{
          color: #5286ff
        }
        .one{
        width: 98px;
        text-align: center;
        height: 63px;
        cursor: pointer;
      }
      .two{
        text-align: center;
        height: 63px;
        width: 56px;
        cursor: pointer;
      }
      .three{
        text-align: center;
        height: 63px;
        width: 56px;
        cursor: pointer;
      }
      .titelContentactive{
        color: #5286ff;
      }
    }
    .smallTitle{
      height: 50px;
      font-size: 14px;
      color: #6a778e;
      margin-left: 47px;
      .titleWord{
        cursor: pointer;
        margin-top: 7px;
        margin-right: 53px;
        text-align: center;
        float: left;
        padding: 7px 18px 7px 18px;
        img{
          margin-right: 10px;
        }
      }
      .active{
        border: none!important;
        background: #edf1f8;
        color: #788193!important;
        border-radius: 4px;
      }
      .titleWord:hover{
        color: #5286ff;
      }
    }
  }
  .changeStyle{
    margin-top: 20px;
    height: calc(100% - 134px);
  }
}